<template>
    <div id="root">
        <Headers>支付</Headers>
        <p>请选择支付类型：</p>
        <div id="pay-img">
            <div>
                <img src="/static/w.jpg">
            <div>微信支付</div>
            </div>
            <div>
                <img src="/static/z.jpg">
            <div>支付宝扫一扫</div>
            </div>
            <div>
                <img src="/static/y.jpg">
                <div>银联支付</div>
            </div>
            
        </div>
    </div>
</template>

<script>
import Headers from "../components/Headers.vue";
export default {
    components: {
        Headers,
    }

}
</script>

<style scoped>
body{
    background-color: #eeeeee;
}
    #pay-img{
        margin-top: 45px;
        text-align: center;
        display: flex;
        justify-content: space-between;
    }
    img{
        height: 100px;
        width: 100px;
    }
    p{
        margin-left: 10px;
        margin-top: 55px;
        color: orangered;
        font-size: 18px;
    }
    #root{
        background-color: #eeeeee;
    }
</style>